<link rel="stylesheet" href="__STATIC__/admin/css/welcome.css?v={:time()}" media="all">
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <div style="float: left"><i class="fa fa-line-chart icon"></i>年度分类费用</div>
                                <div style="float: left;">
                                    <label style="float: left;margin-left:30px;"><i class="fa fa-calendar-check-o icon"></i>时间</label>
                                    <div style="float: left;">
                                        <input style="margin-top: 2px;border: 0;width: 60px" type="text" lay-verify="required" name="class_year" class="layui-input" id="account_class_year" lay-reqtext="请输入日期" placeholder="请输入日期" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div style="float: left">
                                    <i class="fa fa-hand-o-right icon"></i>类型：
                                    <select name="select_type" style="width: 60px;border: 0;" id="select_type">
                                        <option value="1">决算</option>
                                        <option value="2">预算</option>
                                    </select>
                                </div>
                                <div style="float: left;margin-left: 10px">
                                    <i class="fa fa-bank icon"></i>一级分类：
                                    <select name="accounts_select_class" style="border: 0;width: 100px;" id="accounts_select_class">
                                        <option value="0">全部</option>
                                        {foreach class_name as $vo}
                                        <option value="{$vo.id}">{$vo.title}</option>
                                        {/foreach}
                                    </select>
                                </div>
                                <div style="float: left;margin-left: 10px;display:none;" id="erji">
                                    <i class="fa fa-bank icon"></i>二级分类：
                                    <select name="accounts_er_select_class" style="border: 0;" id="accounts_er_select_class">
                                    </select>
                                </div>
                            </div>
                            <div class="layui-card-body">
                                <div id="echarts-year" style="width: 100%;min-height:400px"></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <div style="float: left"><i class="fa fa-line-chart icon"></i>分类总费用</div>
                                <div style="float: left;">
                                    <label style="float: left;margin-left:10px;"><i class="fa fa-calendar-check-o icon"></i>起始：</label>
                                    <div style="float: left;">
                                        <input style="margin-top: 2px;border: 0;" type="text" lay-verify="required" name="class_time" class="layui-input" id="class_time" lay-reqtext="请输入日期" placeholder="请输入日期" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div style="float: left;margin-left: -40px">
                                    <i class="fa fa-bank icon"></i>一级分类：
                                    <select name="accounts_total_select_class" style="border: 0;width: 100px;" id="accounts_total_select_class">
                                        <option value="0">全部</option>
                                        {foreach class_name as $vo}
                                        <option value="{$vo.id}">{$vo.title}</option>
                                        {/foreach}
                                    </select>
                                </div>
                                <div style="float: left;margin-left: 10px;display:none;" id="di_erji">
                                    <i class="fa fa-bank icon"></i>二级分类：
                                    <select name="accounts_er_total_select_class" style="border: 0;" id="accounts_er_total_select_class">
                                    </select>
                                </div>

                            </div>
                            <div class="layui-card-body">
                                <div id="echarts-records" style="width: 100%;min-height:600px"></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <div style="float: left"><i class="fa fa-line-chart icon"></i>环比</div>
                                <div style="float: left;">
                                    <label style="float: left;margin-left:10px;"><i class="fa fa-calendar-check-o icon"></i>起始：</label>
                                    <div style="float: left;">
                                    <input style="margin-top: 2px;border: 0;" type="text" lay-verify="required" name="j_start_time" class="layui-input" id="j_start_time" lay-reqtext="请输入日期" placeholder="请输入日期" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div style="float: left;margin-left: -30px;">
                                    <label style="float: left;">结束：</label>
                                    <div style="float: left;">
                                        <input style="margin-top: 2px;border: 0;" type="text" lay-verify="required" name="j_end_time" class="layui-input" id="j_end_time" lay-reqtext="请输入日期" placeholder="请输入日期" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div style="float: left;margin-left: -35px;">
                                    <i class="fa fa-hand-o-right icon"></i>类型：
                                    <select name="j_select_type" style="width: 60px;border: 0;" id="j_select_type">
                                        <option value="1">决算</option>
                                        <option value="2">预算</option>
                                    </select>
                                </div>
                                <div style="float: left;margin-left: 10px">
                                    <i class="fa fa-bank icon"></i>一级分类：
                                    <select name="accounts_s_select_class" style="border: 0;width: 100px;" id="accounts_s_select_class">
                                        <option value="0">全部</option>
                                        {foreach class_name as $vo}
                                        <option value="{$vo.id}">{$vo.title}</option>
                                        {/foreach}
                                    </select>
                                </div>
                                <div style="float: left;margin-left: 10px;display:none;" id="s_erji">
                                    <i class="fa fa-bank icon"></i>二级分类：
                                    <select name="accounts_s_er_select_class" style="border: 0;" id="accounts_s_er_select_class">
                                    </select>
                                </div>
                            </div>
                            <div class="layui-card-body">
                                <div id="echarts-cross" style="width: 100%;min-height:600px"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
  
    var year = '{$year}';
    var class_time = '{$class_time}';
    var end_time = '{$end_time}';
    var start_time = '{$start_time}';
</script>